<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>分类管理</title>
    <link rel="stylesheet" href="/plugins/iview/css/iview.css">
    <style>
        td.ivu-table-expanded-cell {
            padding: 10px 10px;
            background: #f8f8f9;
        }
    </style>
</head>
<body>

<div id="app">

<!--    <tabletem></tabletem>-->
    <itable :columns="columns" :data="items">
    </itable>
<!--    <idemo :items="items"></idemo>-->
</div>

<script src="/plugins/vue/vue.min.js"></script>
<script src="/plugins/iview/js/iview.min.js"></script>
<script src="/plugins/vue/httpVueLoader.js"></script>
<script src="/plugins/vue/axios.min.js"></script>
<script src="/app/js/i-axios.js"></script>
<script src="/app/js/utils.js"></script>

<script type="text/javascript">
    Vue.component('itable',httpVueLoader('itabe.vue'))
    Vue.component('itable-body',httpVueLoader('itabe-body.vue'))
    var vm = new Vue({
        el: '#app',
        components: {
            // 'tabletem': httpVueLoader('table.vue'),
            // 'itable':httpVueLoader('itabebody.vue'),
        },
        data:{
            columns:[
                {
                    title: 'name',
                    key: 'name'
                },
                {
                    title: 'Age',
                    key: 'age'
                },
                {
                    title: 'Address',
                    key: 'address'
                }
            ],
            items:[
                {name:'hello',
                    age:12,
                    children:[{
                        name:'hello-2-1',
                        age:12,
                        _disableExpand:true
                    },{
                        name:'hello-2-2',
                        age:12,
                        children:[{
                            name:'hello-3-1',
                            age:12,
                            _disableExpand:true
                        },{
                            name:'hello-3-2',
                            age:12,
                        }]
                    }]
                }
            ]

        },
        mounted() {
        },
        methods:{

        }
    });
</script>

</body>
</html>
